(function () {
  let myChart = echarts.init(document.querySelector('.point .pie'))
  let option = {
    color: ['#006cff', '#60cda0', '#ed8884', '#ff9f7f', '#0096ff', '#9fe6b8', '#32c5e9', '#1d9dff'],
    series: [
      {
        name: '面积模式',
        type: 'pie',
        radius: ["10%", "70%"],  // 内圆的半径 外圆的半径
        center: ['50%', '50%'],
        roseType: 'radius',  // 是否展示成南丁格尔图，通过半径区分数据大小
        label: {
          color: "#006cff",
          fontSize:'10'
        },
        labelLine:{
          length:'2%',  // 引导线第一段的长度
          length2:'5%' // 第二段的长度
        },
        data: [{ value: 20, name: '云南' },
        { value: 26, name: '北京' },
        { value: 24, name: '山东' },
        { value: 25, name: '河北' },
        { value: 20, name: '江苏' },
        { value: 25, name: '浙江' },
        { value: 30, name: '四川' },
        { value: 42, name: '湖北' }]
      }
    ]
  };
  myChart.setOption(option)

  // 实现自适应
  // 出现覆盖的情况
  // window.onresize = function () {
  //   myChart.resize();
  // }
  //
  // addEventListener() 监听 
  window.addEventListener('resize',function () {
    myChart.resize();
  })
})()